<!doctype html>
<html  lang="">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/12czm.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/new.css"/>

<link rel="stylesheet" href="css/swiper.min.css"/>


<style>
    /*content2*/
    #myTabContent a:hover{
        background:url("img/link2.jpg") no-repeat center;}
    #myTabContent a:hover div:first-of-type{opacity: 0.1}



    /*目前都算content3*/
    .swiper-slide img{
        transform: translateX(-50%);
        position: absolute;
        padding: 10px;
        LEFT: 50%;
    }
    .swiper-slide div{
        display: inline-block;
        width: inherit;
    }

    /*与index中同部分略有不同*/
    .swiper-slide a{
        display: inherit;
        height: inherit;
        width: inherit;}
    .swiper-slide p{
        font-size: 12rem;
        margin:0;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .swiper-slide p:last-of-type{
        height: 48px;
        line-height: 48px;
        display: block;
    }
    /*目前都算content3 end*/



    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        /*width: 100%;*/
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 14rem;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .twoswiper  .swiper-slide{
        background: unset!important;
    }
</style>
</head>

<body>
<div id="body">
    <div id="bodyhead">
        <div id="bodyheadhead" class="col-12">
            <div class="col-8 relative" id="bodyheadheadmain">
                <div id="bodyheadmainleft">您好，欢迎您浏览温州市科达阀门有限公司官方网站！</div>
                <div id="bodyheadmainright">86 577 86915677<i style="margin: 0 9px">|</i><i>联系我们</i></div>
            </div>
        </div>
        <div id="bodyheadmain" class="col-12">
            <div class="col-8 relative" id="bodyheadmainmain">
                <div id="bodyheadmainmainleft" class="col-5 col-xs-12">
                    <img style="max-width: 100%;" src="img/logo.png" alt="">
                </div>
                <div id="bodyheadmainmainright" class="col-lg-7 col-xs-12">

                    <div class="navbar navbar-inverse">
                        <div class="container">
                            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;">
                                <ul class="nav navbar-nav">
                                    <li class="col-xs-12"><a href="index.html">首页</a></li>
                                    <li class="col-xs-12"><a href="#">关于科达 </a></li>
                                    <li class="col-xs-12"><a href="new.html">新闻中心 </a></li>
                                    <li class="col-xs-12"><a href="show.html">产品展示 </a></li>
                                    <li class="col-xs-12"><a href="#">技术与服务</a></li>
                                    <li class="col-xs-12"><a href="#">在线留言 </a></li>
                                    <li class="col-xs-12"><a href="#">联系我们 </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="newcenterhtml_bodyheadmain" class="col-12">
            <img src="img/about.jpg" alt="">
        </div>
    </div>
    <div id="bodymain">
        <div id="about_htmlcontent2">
            <div class="col-8 relative">
                <div id="about_htmlcontent2main">
                    <div id="about_htmlcontent2mainhead">
                        <span>企业简介</span>
                        <i></i>
                    </div>
                    <p>温州市龙湾永中科达企业成立于1990年,主要生产卫生级阀门、管件、管道等不锈钢流体设备系列产品，制造工艺均可按照不同光洁度材质和工业标准，如ISO DIN IDF SMS 3A 等进行制造，产品广泛应用于制药、啤酒、食品、乳制品、饮料、化妆品及化工等领域。 本厂以“客户为中心”的服务宗旨，走专业一体化的道路，依靠科技进步和严格管理，完善的服务，为用户提供优质高效的产品。 本厂坚持“以人为本，以顾客为中心”的原则，以传递真诚、弘扬文明为主题，以科技兴企、诚信立业为指导，靠团结、诚信、求实、创新的企业精神，通过以质量求生存、用科技创发展、以服务树诚信、向管理要效益的发展过程。树立企业品牌，以市场为导向，把企业做大做强，以崭新的姿态，开拓新的业务领域。 面对强烈的市场竞争，科达始终以创卓越品质为己任，以诚挚守信为根本原则，以客户满意为目标。</p>

                    <div id="about_htmlcontent2mainfoot">
                        <div class="about_htmlcontent2mainfootall col-4 col-xs-12">
                            <div>
                                <i>2016</i>
                                <span>成立于2016年</span>
                            </div>
                        </div>
                        <div class="about_htmlcontent2mainfootall col-4 col-xs-12">
                            <div>
                                <i>2016</i><em>万元</em>
                                <span>成立于2016年</span>
                            </div>
                        </div>
                        <div class="about_htmlcontent2mainfootall col-4 col-xs-12">
                            <div>
                                <i>200 +</i>
                                <span>员工人数</span>
                            </div>
                        </div>
                        <p>欢迎您的加盟，并真诚恭候您的光临。</p>
                    </div>

                </div>
            </div>
        </div>

        <div id="about_htmlcontent2-1">

            <div class="col-8 relative">
                <div id="about_htmlcontent2-1main">
                    <div id="about_htmlcontent2-1head">
                        <span>企业文化</span>
                        <i></i>
                    </div>
                    <p>坚持“以人为本，以顾客为中心”的原则，以传递真诚、弘扬文明为主题，以科技兴企、诚信立业为指导，靠团结、诚信、求实、创新的企业精神，
                        通过以质量求生存、用科技创发展、以服务树诚信、向管理要效益的发展过程。</p>
                </div>
            </div>
        </div>
        <div id="about_htmlcontent2-2">
            <div class="col-8 relative">
                <div id="about_htmlcontent2-2left" class="col-lg-7 col-md-7 col-xs-12 col-sm-12">
                    <span>董事长致辞</span>
                    <i></i>
                    <p>尊敬的社会各界朋友：
                        你们好！欢迎来到温州市科达阀门有限公司！
                        近三十四年的创业发展，科达有幸在大家的关心和支持下，为国家、为社会创造了可圈可点的业绩，你们的期望和鼓励是支持我们拼搏奋进的精神力量。
                        科达的发展紧扣时代的主题，与时代同行，以实业报国思想立企兴企，科达所从事的主要产业，与国家发展实体经济导向紧密相关。我们坚持稳健经营，发展和壮大实业，把握机遇，顺势而为，坚持做一个有强烈社会责任感和使命感的企业，坚持为“创造和建设人类美好生活”而实现自己最大的价值。
                        几代人的务实拼搏，数十载的艰辛付出，创业以来，楼忠福荣誉主席带领科达员工，凭着敢于面对任何挑战的登山精神，经过艰苦卓绝的奋斗，创造了一个辉煌的科达 。</p>
                </div>
                <img src="img/科达董事长.jpg" alt="" style="float: right">
            </div>
        </div>

        <div id="about_htmlcontent3">
            <div class="col-8 relative">
                <div id="about_htmlcontent3head">
                    <span>企业简介</span>
                    <i></i>
                </div>
                <div id="content3main" class="swiper-container oneswiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="">
                                <img class="" src="img/about3_01.jpg" alt="">
                                <div>
                                    <p>2018年度温州十佳企业</p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img class="" src="img/about3_02.jpg" alt="">
                                <div>
                                    <p>2018年度温州十佳企业</p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img class="" src="img/about3_03.jpg" alt="">
                                <div>
                                    <p>2018年度温州十佳企业</p>
                                </div>
                            </a>
                        </div>

                    </div>
                </div>

            </div>

            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
            <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
        </div>

        <div id="about_htmlcontent4">
            <div class="col-8 relative">
                <div id="about_htmlcontent4head">
                    <span>组织架构</span>
                    <i></i>
                </div>
                <img src="img/about4.jpg" alt="">
            </div>

        </div>
    </div>

    <div id="bodyfoot2">
        <div class="col-8 relative">
            <div class="col-6 col-xs-12">
                <img src="img/foot2logo.png" alt="" style="padding:0 22px 25px 0">
                <img src="img/Alibaba.jpg" alt="">

                <div class="navbar navbar-inverse">
                    <div class="container">
                        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;">
                            <ul class="nav navbar-nav">
                                <li class="col-xs-12"><a href="#">首页</a></li>
                                <li class="col-xs-12"><a href="#">关于科达 </a></li>
                                <li class="col-xs-12"><a href="#">新闻中心 </a></li>
                                <li class="col-xs-12"><a href="#">产品展示 </a></li>
                                <li class="col-xs-12"><a href="#">技术与服务</a></li>
                                <li class="col-xs-12"><a href="#">在线留言 </a></li>
                                <li class="col-xs-12"><a href="#">联系我们 </a></li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
            <div id="bodyfoot2right" class="col-6 col-xs-11" style="text-align: right; display: table; ">
                <div style="display: inline-block">
                    <div style="padding-right: 47px;display: table-cell; vertical-align: middle;">
                        <i>咨询热线</i>
                        <span>0577 86915677</span>
                    </div>
                </div>
                <div style="display: inline-block">
                    <div style="display: table-cell;vertical-align: middle;">
                        <img src="img/m.jpg" alt="" style="float:right; ">
                    </div>
                </div>
            </div>
        </div>
        </d v>
    </div>
</div>
</body>

<script src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>

<script>
    var throttle = function (fn, delay, atleast) {
        var timer = null;var previous = null;
        return function () {
            var now = +new Date();
            if ( !previous ) previous = now;
            if ( atleast && now - previous > atleast ) {
                fn();
                // 重置上一次开始时间为本次结束时间
                previous = now;
                clearTimeout(timer);
            } else {
                clearTimeout(timer);
                timer = setTimeout(function() {
                    fn();
                    // alert("你是谁这是哪儿")
                    previous = null;
                }, delay);
            }
        }
    };

    $(function ccc() {

        if(window.innerWidth >996) {
            // 全局
            $(".col-8").removeClass("col-xs-11")

            $(".swiper-button-next,.swiper-button-prev").css("display",'block')

            var swiper = new Swiper('.oneswiper', {
                slidesPerView: 3,
                // centeredSlides: true,
                spaceBetween: 36,
                loop: true,
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: false,
                },
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                }
            });

        }else if(window.innerWidth <996 && window.innerWidth >620) {
            $(".col-8").removeClass("col-xs-11")
            $(".swiper-button-next,.swiper-button-prev").css("display",'none')
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 1,
                // centeredSlides: true,
                spaceBetween: 36,
                loop: true,
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: false,
                },
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                navigation: {
                    nextEl: '.swiperleft',
                    prevEl: '.swiperright',
                }
            });
        }else if(window.innerWidth <= 620) {
            // 全局
            $(".col-8").addClass("col-xs-11")
            // 尾部
            $("#bodyfoot2 li").add("col-xs-12")

            $("#content4 .col-6").addClass("col-xs-12 col-sm-12")
            $(".swiper-button-next,.swiper-button-prev").css("display",'none')
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 1,
                // centeredSlides: true,
                spaceBetween: 36,
                loop: true,
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: false,
                },
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                navigation: {
                    nextEl: '.swiperleft',
                    prevEl: '.swiperright',
                }
            });

        }

        // content3开始
        for(var i=0;i<$(".oneswiper").find(".swiper-slide").length;i++) {
            // $(".oneswiper").find("img")[i].style.width = $(".swiper-slide").width() * 0.8+"px";
            if(window.innerWidth <996) {
                $(".oneswiper").find("img")[i].style.width = $(".swiper-slide").width() * 0.5+"px";
            }
            $(".swiper-slide div")[i].style.paddingTop = $(".oneswiper img").innerHeight()+$(".swiper-slide img").position().top+"px";

        }
        // content3结束



        window.onresize = throttle(ccc, 200);
    })


</script>
</html >
